<template>
  <div class="dialog-form">
    <el-dialog title="通讯录群管理" :visible.sync="visible" width="30%" :before-close="handleClose">
      <div slot="title" class="dialog-title">通讯录群管理</div>
      <zfw-form ref="formRef" :fileds="fileds" />
      <span slot="footer" class="dialog-footer">
        <el-button @click="visible = false">取 消</el-button>
        <el-button type="primary" @click="handleSubmit">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>
<script>
import Mixin from "../config/editMixin"
export default {
  mixins: [Mixin],
  data() {
    return {
      visible: true
    }
  },
  methods: {
    handleClose() { },
    async handleSubmit() {
      await this.$refs.formRef.validate()
    }
  }
}
</script>
<style lang="scss" scoped>
.dialog-footer {
  display: flex;
  justify-content: center;
}
</style>
